<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="d1">这是div</div>
<input type="text" value="">
<input type="button" value="按钮" onclick="f()">

<script>
  function f(){

  //通过ID找到元素对象
  let d = document.getElementById("d1");
  //获取和修改元素的文本内容
 // console.log(d.innerText);
 // d.innerText = "蛋蛋";
  //通过选择器找到页面中的元素对象
  let i= document.querySelector("input");
  //修改元素的value的属性（值）
 // i.value = "axiba"
    d.innerText = i.value


  }
</script>
</body>
</html>